<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>我的诉求信息</title>
    <!-- 引入 WeUI css -->
    <link rel="stylesheet" th:href="@{/static/admin/weui/weui.min.css}">
    <style>
        .my-appealinfo-list{margin-bottom: 20px}
        span{font-size: 18px}
        a{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px}
    </style>
</head>
<body>
<div class="page weui-form ">
    <div th:each="appealInfo : ${appealInfoList}" class="weui-form-preview my-appealinfo-list" style="border-radius: 20px;border: #c0c4cc solid 1px">
        <div class="weui-form-preview__bd">
            <p>
                <span class="weui-form-preview__label">诉求类型：</span>
                <span class="weui-form-preview__value" th:text="${appealInfo.appealTypeName}">意见建议</span>
            </p>
            <p>
                <span class="weui-form-preview__label">提交时间：</span>
                <span class="weui-form-preview__value" th:text="${#dates.format(appealInfo.createTime, 'yyyy-MM-dd HH:mm:ss')}">2020-11-25 08:30:25</span>
            </p>
        </div>
        <div class="weui-form-preview__ft">
            <a class="weui-form-preview__btn weui-form-preview__btn_primary weui-btn_primary" href="javascript:">查看详情</a>
        </div>
    </div>


    <div class="weui-form__extra-area">
        <div class="weui-footer">
            <p class="weui-footer__text">Copyright © 2020-2021 zzgfdz.cn</p>
        </div>
    </div>
</div>
<script th:src="@{/static/js/jquery-2.2.3.min.js}" type="text/javascript"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
<script type="text/javascript">
    $(function () {


    });

</script>
</body>
</html>